<!DOCTYPE html PUBLIC 
	"-//W3C//DTD XHTML 1.1 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@taglib prefix="decorator" uri="http://www.opensymphony.com/sitemesh/decorator" %>
<%@taglib prefix="page" uri="http://www.opensymphony.com/sitemesh/page" %>
<%@taglib prefix="s" uri="/struts-tags" %>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
	<title><decorator:title default="Struts Starter"/></title>
		<script type="text/javascript" src="${pageContext.request.contextPath}/static/global/js/jquery-1.11.0.min.js"></script>
	
<%--     <link href="<s:url value='/static/styles/main.css'/>" rel="stylesheet" type="text/css" media="all"/> --%>
<%--     <link href="<s:url value='/struts/niftycorners/niftyCorners.css'/>" rel="stylesheet" type="text/css"/> --%>
<%--     <link href="<s:url value='/struts/niftycorners/niftyPrint.css'/>" rel="stylesheet" type="text/css" media="print"/> --%>
<%--     <script language="JavaScript" type="text/javascript" src="<s:url value='/struts/niftycorners/nifty.js'/>"></script> --%>
     <style type='text/css'>
	.label {color:black; font-style:normal; font-weight:bold}
	.errorLabel {color:black; font-style:normal; font-weight:bold}
	.errorMessage {color:red; font-style:normal; font-weight:bold}
     body { font-family: arial, sans-serif; background-color: #ffffcc; }
      h1, h2, h3, h4 { text-align: left; background-color: #ccffcc; border-top: 1px solid #66ff66; }
      .mainBody { padding: 10px; border: 1px solid #555555; }
      .disclaimer { text-align: center; border-top: 1px solid #cccccc; margin-top: 40px; color: #666666; font-size: smaller; }
  h1 {
	background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 70%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 70%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 70%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 20px;
	border-radius: 10px;  
	list-style: none;
	text-align: center;
	border-top: 4px solid #66ff66;
	text-shadow: white 0.2em 0.2em 0.2em;
}
      .wwgrp{
   display: block;
   background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

   padding: 3px;
   border-radius:5px;
     border:1px dotted blue; 
    margin-right:30px;
    float:left;
}
.wwgrp br { display: none; }

.label{
    float:left;
    margin-right:0px;
    height: 1px;
}
 .wwctrl { 
     border: 1px solid gray;
     margin-left:140px;
     }
     
  nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}
nav ul {
	background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 20px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
/* 	display: inline-table; */
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}
	
	nav ul li {
	float: left;
}
	nav ul li:hover {
		background: #4b545f;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	}
		nav ul li:hover a {
			color: #fff;
		}
	
	nav ul li a {
		display: block; padding: 25px 40px;
		color: #757575; text-decoration: none;
	}
	nav ul ul {
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
	nav ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
	}
		nav ul ul li a {
			padding: 15px 40px;
			color: #fff;
		}	
			nav ul ul li a:hover {
				background: #4b545f;
}
#demo{
    z-index: 15;
    position: relative;
}
    </style>
	<script language="JavaScript" type="text/javascript">
//         window.onload = function(){
//             if(!NiftyCheck()) {
//                 return;
//             }
            // perform niftycorners rounding
            // eg.
//             Rounded("blockquote","tr bl","#ECF1F9","#CDFFAA","smooth border #88D84F");
//         }
    </script>
    <decorator:head/>
</head>
<body id="page-home">
    <div id="page">
        <div id="header" class="clearfix">
        	HEADER
            <hr />
        </div>
        
        		<div id="menu">
			<s:url var="adminSecurityPermissionSchemesUrl" namespace="/admin/security/permissionschemes" action="" />
			<s:url var="adminSecurityOrganizationsUrl" namespace="/admin/security/organizations" action="" />
			<s:url var="adminSecurityPermissionsUrl" namespace="/admin/security/permissions" action="" />
			
			<s:url var="doctorMyVisitsUrl" namespace="/doctor/visit" action="" />
			<s:url var="doctorPatientUrl" namespace="/doctor/patient" action="" />
			<s:url var="adminUserUrl" namespace="/admin/users" action="" />
			<s:url var="receptionVisitUrl" namespace="/reception/visit" action="" />
			<s:url var="receptionPatientUrl" namespace="/reception/patient" action="" />
			<ul>
				<li>Administrator: <s:a href="%{adminUserUrl}"><s:text name="pl.grabar.clinic.client.web.labels.users"/></s:a>
				<li>Doktor: <s:a href="%{doctorPatientUrl}"><s:text name="pl.grabar.clinic.client.web.labels.patient"/></s:a>
			  	 |  <s:a href="%{doctorMyVisitsUrl}" ><s:text name="pl.grabar.clinic.client.web.labels.my-visits"/></s:a>
				<li>Recepcja:<s:a href="%{receptionPatientUrl}"><s:text name="pl.grabar.clinic.client.web.labels.patient"/></s:a>
				  |  <s:a href="%{receptionVisitUrl}" ><s:text name="pl.grabar.clinic.client.web.labels.visit"/></s:a>
			</ul>
			<hr />
		</div>
		
<div id="demo">
	<nav>
	<ul>
		<li><a href="../visit/">Moje wizyty</a></li>
		<li><a href="#/">Pacjent</a>
			<ul>
				<li><a target="_blank" href="../patient/preview?patientId=<s:property value="visit.patient.id"/>">Zobacz wizyty</a></li>
				<li><a target="_blank" href="../patient/previewOld?patientPesel=<s:property value="visit.patient.pesel"/>">Zobacz starsze wizyty</a></li>
				<li><a href="#">Dodaj wizyte</a></li>
			</ul>
		</li>
		<li><a href="#">Edytuj profil</a>
			<ul>
				<li><a href="#">Zmien moje prywatne dane</a></li>
				<li><a href="#">Zmien godziny przyjęć</a></li>
				<li><a href="#">Zmiana hasła</a></li>
			</ul>
			</li>
	</ul>
	</nav>
</div>
		
		
		
		<s:if test="hasActionErrors()">
			<div id="actionErrors" class="errors" style="color: red;">
				<s:actionerror />
			</div>
			<script type="text/javascript">$('#actionErrors').delay(5000).hide(400);</script>
		</s:if>
		<s:if test="hasActionMessages()">
			<div id="actionMessages" class="messages" style="color: blue;">
				<s:actionmessage />
			</div>
			<script type="text/javascript">$('#actionMessages').delay(5000).hide(400);</script>
		</s:if>
        
        <div id="content" class="clearfix">
            <div id="main">
<!--             	<h3>Main Content</h3> -->
            	<decorator:body/>
                <hr />
            </div>
            
            <div id="sub">
<!--             	<h3>Sub Content</h3> -->
            </div>
            
            
            <div id="local">
<!--                 <h3>Local Nav. Bar</h3> -->
<!--                 <ul> -->
<!--                     <li><a href="/new">Nowy</a></li> -->
<!--                     <li><a href="/edit">Edytuj</a></li> -->
<!--                     <li><a href="/delete">Usuń</a></li> -->
<!--                     <li><a href="#">Content page 4</a></li> -->
<!--                     <li><a href="#">Content page 5</a></li> -->
<!--                     <li><a href="#">Content page 6</a></li> -->
<!--                 </ul> -->
            </div>
            
            
            <div id="nav">
                <div class="wrapper">
<!--                 <h3>Nav. bar</h3> -->
<!--                 <ul class="clearfix"> -->
<!--                      <li><a href="/reception">Recepcja</a></li> -->
<!--                      <li><a href="/doctor">Doktor</a></li> -->
<!--                      <li><a href="/user">Użytkownik/Pacjent</a></li> -->
<!--                      <li><a href="/admin">Admianistrator</a></li> -->
<!--                      <li><a href="#">Menu 5</a></li> -->
<!--                      <li class="last"><a href="#">Menu 6</a></li> -->
<!--                 </ul> -->
                </div>
                <hr />
            </div>
        </div>
        
        <div id="footer" class="clearfix">
<!--             Footer -->
        </div>
        
    </div>
    
    <div id="extra1">&nbsp;</div>
    <div id="extra2">&nbsp;</div>
</body>
</html>
